<template>
    <div class="popupst" @click="selde(state)">
        <div class="bsg" v-show="state===0" :style="{'background-image':'url('+img1+')'}">
            <div class="content">
                <div class="text">
                    学习日历用来记录阅读状态，第一天加入送你一个“已阅读”状态哦～
                    <span></span>
                </div>
            </div>
        </div>
        <div class="bsg" v-show="state===1" :style="{'background-image':'url('+img2+')'}">
            <div class="content">
                <div class="text">
                    奖学金赌局从第2天开始计算，忘记阅读可以选择对应日期进行补阅读哦～
                    <span :style="{left:'65%'}"></span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

    export default {
        name: "index",
        data: function () {
            return {
                state: 0,
                img1: require('./img/copybgs1.jpg'),
                img2: require('./img/copybgs2.jpg')
            }
        },
        mounted() {
        },
        methods: {
            selde: function (state) {
                if (state === 0) {
                    this.state = 1
                } else {
                    this.$emit('hideguide')
                }
            }
        }
    }
</script>

<style scoped>
    @import "css/index.css";
</style>
